<!--
  Generated template for the UserInfoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>个人信息</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <ion-list style="margin-top: 10px;">
    <ion-item class="item">
      <p class="key">账号</p>
      <p class="value">{{user.userName}}</p>
    </ion-item>
    <ion-item class="item">
      <p class="key">真实姓名</p>
      <p class="value">{{user.trueName}}</p>
    </ion-item>
    <button ion-item class="item" (click)="changeUserInfoAction(4)">
      <p class="key">手机号</p>
      <p class="value" *ngIf="!user.Phone || user.Phone == ''">未填写</p>
      <p class="value" *ngIf="user.Phone && user.Phone.length > 0">
        {{user.Phone}}
        <!--<span *ngIf="user.PhoneValidateStatus" style="color: rgb(0,128,0)">已验证</span>-->
        <!--<span *ngIf="!user.PhoneValidateStatus" style="color: orangered">未验证</span>-->
      </p>
    </button>
    <button ion-item class="item" (click)="changeUserInfoAction(5)">
      <p class="key">邮箱</p>
      <p class="value" *ngIf="!user.Email || user.Email == ''">未填写</p>
      <p class="value" *ngIf="user.Email && user.Email.length > 0">
        {{user.Email}}
        <!--<span *ngIf="user.EmailValidateState" style="color: rgb(0,128,0)">已验证</span>-->
        <!--<span *ngIf="!user.EmailValidateState" style="color: orangered">未验证</span>-->
      </p>
    </button>
  </ion-list>

  <ion-list>
    <button ion-item class="item" (click)="changeUserInfoAction(1)">
      <p class="key">出生日期</p>
      <p class="value" *ngIf="!user.Birthday || user.Birthday == ''">未设置</p>
      <p class="value" *ngIf="user.Birthday && user.Birthday.length > 0">{{user.Birthday | date:'yyyy-MM-dd'}}</p>
    </button>
    <button ion-item class="item" (click)="changeUserInfoAction(2)">
      <p class="key">QQ</p>
      <p class="value" *ngIf="!user.QQ || user.QQ == ''">未设置</p>
      <p class="value" *ngIf="user.QQ && user.QQ.length > 0">{{user.QQ}}</p>
    </button>
    <button ion-item class="item" (click)="changeUserInfoAction(3)">
      <p class="key">微信</p>
      <p class="value" *ngIf="!user.WeChat || user.WeChat == ''">未设置</p>
      <p class="value" *ngIf="user.WeChat && user.WeChat.length > 0">{{user.WeChat}}</p>
    </button>
  </ion-list>

</ion-content>
